<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>弹幕空间[]~(￣▽￣)~*</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./images/mycat.png" type="image/x-icon">
</head>

<body>
    <div class="container">
        <div class="pageYi">
            <div class="cent">
                <div class="oneLeft">
                    <img src="./images/sample.png" alt="资源丢失" class="samp">
                </div>
                <div class="oneRight">
                    <div class="txt">
                        <p style="font-weight: bolder;font-size: 45px;">欢迎使用 <span style="font-size: 60px;">弹幕空间</span></p>
                        <p>分享/吐槽/吹水 , <span style="color: rgb(107, 146, 255);font-size: 60px;">你</span>也是主角</p>
                        <div class="bx">
                            <div class="btn btn1" onclick="window.location.href='join.html'">注册</div>
                            <div class="btn btn2" onclick="window.location.href='login.html'">登录</div>
                        </div>
                        <a href="./chat.html" target="_blank">不想登录？马上试用</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pageEr">
            <div class="cent">
                <div class="oneLeft">
                    <img src="./images/chat.png" alt="资源丢失">
                </div>
                <div class="oneRight">
                    <div class="txt">
                        <p>在线"<span style="color: rgb(107, 146, 255);font-size: 60px;">刷屏</span>"</p>
                        <p>你的下一条弹幕 就在这里</p>
                    </div>

                </div>
            </div>
        </div>

        <div class="pageSan">
            <div class="cent">
                <div class="oneLeft">
                    <img src="./images/music.png" alt="资源丢失">
                </div>
                <div class="oneRight">
                    <div class="txt">
                        <p>来听点歌？</p>
                        <p>"<span style="color: rgb(107, 146, 255);font-size: 60px;font-weight: bolder;">996</span>"&nbsp;&nbsp;也要适度放松一下</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer">
            <div class="door">
                <ul>
                    <span style="margin-right: 20px; color: rgba(116, 140, 206, 0.664);">传送门:</span>
                    <li><a href="https://github.com/baizhi958216" target="_blank">Github</a></li>
                    <li><a href="https://gitee.com/baizhi958216" target="_blank">Gitee</a></li>
                    <li><a href="https://qm.qq.com/cgi-bin/qm/qr?k=lvrFi8NjTfjYgu5SC0uCP3Q2Y91BNtL3&noverify=0  " target="_blank ">QQ</a></li>
                    <li><a href="https://space.bilibili.com/91233498 " target="_blank ">Bilibili</a></li>
                </ul>
            </div>
            <p>Copyright © 2021 baizhi958216. All rights reserved.</p>
        </div>
    </div>
</body>

</html>
